﻿@model FO.Models.MobileBankingApply
@{
    ViewBag.title = "" + Model.CustomerName + "";
    Layout = "~/Views/Shared/_CpanelLayout.cshtml";
}
<script type="text/javascript">
    $(document).ready(function () {
        $(".active").removeClass("active");
        $("li[rel=rel-contract-ebanking]").parent().parent().css("display", "block");
        $("li[rel=rel-contract-ebanking]").parent().parent().prev().addClass("active");
        $("li[rel=rel-contract-ebanking]").addClass("active");
        $("li[rel=rel-contract-mobile]").addClass("active");
    });
</script>
<div class="cbread_crumb">
    <ul class="breadcrumb">
        <li><a class="glyphicons home" href="/Cpanel"><i></i>Control panel</a></li>
        <li class="divider"></li>
        <li><a href="/MobileBanking/ManagerMobileBanking">Mobile Banking</a></li>
        <li class="divider"></li>
        <li><a href="/MobileBanking/Contract">Hợp đồng</a></li>
        <li class="divider"></li>
        <li class="lastli">@Model.CustomerName</li>
    </ul>
</div>
<div class="separator"></div>
<div class="content-module-heading cf">

    <div class="heading-buttons">
        <h3 class="glyphicons table"><i></i>Mobile Banking</h3>
        <div class="clearfix"></div>
    </div>
    <div class="separator"></div>

</div>
<!-- end content-module-heading -->
<div class="innerLR">
    <div style="float: left; width: 40%;">
        <label class="label-text1">Thông tin - Dịch vụ</label>
        <div id="img-card-contract">
            <a target="_blank" href="@Url.Action("Detail", "MobileBanking", new { CompanyName = FO.Models.Conver.ConvertToUnSign(Model.CompanyName).ToLower(), MobileBankingName = FO.Models.Conver.ConvertToUnSign(Model.MobileBankingName).ToLower(), MobileBankingID = Model.MobileBankingID })">
                <img style="width:350px; border:1px solid #144060;" alt="@Model.MobileBankingName" src="/Content/Upload/Images/@Model.CompanyImg" /></a>
        </div>
        <div class="ad-card-info" style="margin-top: 10px; width: 350px;">
            <ul>
                <li><span class="ad-p-card-info">Tên dịch vụ:</span> <span>@Model.MobileBankingName</span></li>
            </ul>
        </div>
    </div>
    <div style="float: left; width: 32%;">
        <label class="label-text1">Thông tin - Khách hàng</label>
        <div class="ad-card-info">
            <ul>
                <li><span class="ad-p-card-info">Họ tên:</span> <span>@Model.CustomerName</span></li>
                <li><span class="ad-p-card-info">Email:</span> <span>@Model.CustomerEmail</span></li>
                <li><span class="ad-p-card-info">Số ĐT:</span> <span>@Model.CustomerPhone</span></li>
                <li><span class="ad-p-card-info">Thu nhập:</span> <span>@Model.CustomerIncome</span></li>
                <li><span class="ad-p-card-info">Ngày sinh:</span> <span>@Model.CustomerDOB</span></li>
                <li><span class="ad-p-card-info">Tỉnh / TP:</span> <span>@Model.City</span></li>
                <li><span class="ad-p-card-info">Thời gian liên lạc:</span> <span>@Model.ContactTime</span></li>
            </ul>
        </div>
    </div>
    <div style="float: left; width: 28%;">
        <label class="label-text1">Thông tin - Hợp đồng</label>
        <div class="ad-card-info">
            @using (Html.BeginForm())
            { 
                <ul>
                    <li><span class="ad-p-card-info">Ngày tham gia:</span> <span>@Model.AppDate</span></li>
                    <div class="control-group">
                        <li><span class="ad-p-card-info">Sản phẩm quan tâm:</span></li>
                        <div style="float: left; width: 290px;">
                            @if (Model.CurrentAccount == true)
                            {
                                <div class="controls" style="float: left; width: 120px;">

                                    <input style="margin-right: 5px;" type="checkbox" checked="checked" class="input-xlarge" name="CurrentAccount" value="Current Account" />Current Account  

                                </div>
                            }
                            else
                            {
                                <div class="controls" style="float: left; width: 120px;">

                                    <input style="margin-right: 5px;" type="checkbox" class="input-xlarge" name="CurrentAccount" value="Current Account" />Current Account  

                                </div>  
                            }
                            @if (Model.SavingsDeposits == true)
                            {
                                <div class="controls" style="float: left; margin-left: 30px; width: 130px;">
                                    <input style="margin-right: 5px;" type="checkbox" checked="checked" class="input-xlarge" name="SavingsDeposits " id="SavingsDeposits" value="Savings/Deposits" />Savings/Deposits                            

                                </div>
                            }
                            else
                            {
                                <div class="controls" style="float: left; margin-left: 30px; width: 130px;">
                                    <input style="margin-right: 5px;" type="checkbox" class="input-xlarge" name="SavingsDeposits " id="SavingsDeposits" value="Savings/Deposits" />Savings/Deposits                            

                                </div>
                            }
                        </div>
                        <div style="float: left; width: 290px; margin-top: 10px;">
                            @if (Model.CreditCard == true)
                            {
                                <div class="controls" style="float: left; width: 120px;">
                                    <input style="margin-right: 5px;" type="checkbox" checked="checked" class="input-xlarge" name="CreditCard" id="CreditCard" value="Credit Card" />Credit Card                           
                                </div>
                            }
                            else
                            {
                                <div class="controls" style="float: left; width: 120px;">
                                    <input style="margin-right: 5px;" type="checkbox" class="input-xlarge" name="CreditCard" id="CreditCard" value="Credit Card" />Credit Card                           
                                </div>
                            }
                            @if (Model.HomeLoan == true)
                            {
                            <div class="controls" style="float: left; margin-left: 30px; width: 130px;">
                                <input style="margin-right:5px;" type="checkbox" checked="checked" class="input-xlarge" name="HomeLoan " id="HomeLoan" value="HomeLoan" />Home Loan                           

                            </div>
                            }
                            else
                            {
                                <div class="controls" style="float: left; margin-left: 30px; width: 130px;">
                                <input style="margin-right:5px;" type="checkbox" class="input-xlarge" name="HomeLoan " id="HomeLoan" value="HomeLoan" />Home Loan                           

                            </div>
                            }
                        </div>
                        <div style="float: left; width: 290px; margin-top: 10px;">
                            @if (Model.CarLoan == true)
                            {
                            <div class="controls" style="float: left; width: 120px;">
                                <input style="margin-right:5px;" type="checkbox" checked="checked" class="input-xlarge" name="CarLoan" id="CarLoan" value="Car Loan" />Car Loan                          
                            </div>
                            }
                            else
                            {
                                 <div class="controls" style="float: left; width: 120px;">
                                <input style="margin-right:5px;" type="checkbox" class="input-xlarge" name="CarLoan" id="CarLoan" value="Car Loan" />Car Loan                          
                            </div>
                            }
                             @if (Model.PersonalLoan == true)
                            {
                            <div class="controls" style="float: left; margin-left: 30px; width: 130px;">
                                <input style="margin-right:5px;" type="checkbox" checked="checked" class="input-xlarge" name="PersonalLoan " id="PersonalLoan" value="Personal Loan" />Personal Loan                           

                            </div>
                             }
                            else
                            {
                                   <div class="controls" style="float: left; margin-left: 30px; width: 130px;">
                                <input style="margin-right:5px;" type="checkbox" class="input-xlarge" name="PersonalLoan " id="PersonalLoan" value="Personal Loan" />Personal Loan                           

                            </div>
                             }
                        </div>
                        <div style="float: left; width: 290px; margin-top: 10px;">
                            @if (Model.BusinessLoan == true)
                            {
                            <div class="controls" style="float: left; width: 120px;">
                                <input style="margin-right:5px;" type="checkbox" checked="checked" class="input-xlarge" name="BusinessLoan" id="BusinessLoan" value="Business Loan" />Business Loan                          
                            </div>
                            }
                            else
                            {
                                <div class="controls" style="float: left; width: 120px;">
                                <input style="margin-right:5px;" type="checkbox" class="input-xlarge" name="BusinessLoan" id="BusinessLoan" value="Business Loan" />Business Loan                          
                            </div>
                            }

                        </div>
                    </div>
                    <div class="clr" style="margin-bottom: 10px;"></div>
                    <li><span class="ad-p-card-info" style="float: left; margin-right: 10px;">Trạng thái:</span> <span>

                        @Html.HiddenFor(m => m.MobileBankingApplyID)
                        @Html.DropDownListFor(m => m.StatusID, (IEnumerable<SelectListItem>)ViewBag.StatusListID)


                    </span></li>

                </ul>
                <button type="submit" class="btn btn-icon btn-primary glyphicons circle_ok"><i></i>Lưu</button>
            }
        </div>
    </div>
</div>

